<template>
  <div id="grouplist">
      <h5>{{title1}}</h5>
      <img :src="imgurl" alt=""><span class="span1">{{title2}}</span><span class="span2">{{title3}}</span>
      <p>{{title4}}</p>
  </div>
</template>

<script>
export default {
 
        props:["title1","title2","title3","title4","imgurl"]
    
}
</script>

<style scoped>
    #grouplist{
        font-size: 0.16rem;
        width:90%;
        height: 1.2rem;
        margin:0 auto;
        border-bottom: 1px solid #dedede;
    }
   
    img{
        width: 0.5rem;
        height: 0.5rem;
    }
    h5{
        font-size: 0.2rem;
    }
 .span1 {
        font-size: 0.18rem;
        /* display: block;
        float:left; */
    }
    .span2{
        font-size: 0.1rem;
        float:right;
        color:#888;
        display: block;
    }
    p{
        font-size: 0.14rem;
        color:#999;
    }
</style>